<!DOCTYPE html>
        <html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>CMSWING</title>
    <link rel="shortcut icon" href="/resource/img/favicon.ico">
    <!-- Bootstrap -->
    <link href="/resource/css/bootstrap.min.css" rel="stylesheet">
    <link href="/resource/css/flat-ui.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/resource/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="/resource/css/home.css"/>
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="/resource/js/vendor/html5shiv.js"></script>
    <script src="/resource/js/vendor/respond.min.js"></script>
    <![endif]-->
    <script src="/resource/js/cufon-yui.js" type="text/javascript"></script>
    <script src="/resource/js/ChunkFive_400.font.js" type="text/javascript"></script>
    <script type="text/javascript">
        Cufon.replace('.intro>h1',{ color:'#fff',textShadow: '0 1px 2px rgba(0, 0, 0, 0.3)'});
        Cufon.replace('.navbar-brand',{textShadow: '0 1px 2px rgba(0, 0, 0, 0.3)'});

    </script>
</head>
<body>
<div id="particles">
    <% include ../Home/include/nav.html%>

    <div class="intro">
        <h1>CMSWING</h1>
        <p>一款基于ThinkJS(Node.js MVC)和MySQL的功能强大的博客及CMS建站系统。<br>致力于为您提供快速、稳定，且在使用上又极其简单、舒适的内容创作及站点搭建服务。</p>
        <a type="button" class="btn btn-large btn-inverse" href="https://git.oschina.net/arterli/cmswing" target="_blank"><img width="20px" src="http://git.oschina.net/logo.gif">（Git@OSC）源码下载</a>
    </div>
</div>

<div class="cw-social"><div class="container">
    <ul class="cw-social-buttons">
        <li class="social-qq">
            <i class="fa fa-qq"></i> CmsWing技术交流群：<span id="qqgroup">426263487</span>
        </li>
        <li class="social-forum">
            <a target="_blank" title="Bootstrap问答社区" href="http://wenda.bootcss.com" class="">
                <i class="fa fa-comments"></i> CMSWING问答社区
            </a>
        </li>
        <li class="social-weibo">
            <a target="_blank" title="Bootstrap中文网官方微博" href="http://weibo.com/arterli"><i class="fa fa-weibo"></i> 新浪微博：@Bootstrap中文网</a>
        </li>
    </ul>
</div></div>
<div class="container">
    <div class="row homelist">
        <div class="col-md-3">
            <h4 class="page-header"><i class="fa fa-bar-chart-o"></i> 用户研究</h4>
            <ul class="listbody">
                <li><a>指尖上的正则表达式–入门篇</a><small class="text-muted pull-right"><i class="fa fa-eye"></i> 889</small></li>
                <li><a href="">前端开发之面向对象</a><small class="text-muted pull-right"><i class="fa fa-eye"></i> 889</small></li>
                <li><a href="">使用 node.js 开发前端打包程序</a><small class="text-muted pull-right"><i class="fa fa-eye"></i> 889</small></li>
                <li><a href="">ebSocket实战</a><small class="text-muted pull-right"><i class="fa fa-eye"></i> 889</small></li>
                <li><a href="">卡通造型设计——从简笔画开始…</a><small class="text-muted pull-right"><i class="fa fa-eye"></i> 889</small></li>
                <li><a href="">全新面孔，全新体验 – SINA UTGame视觉改版设计工作</a><small class="text-muted pull-right"><i class="fa fa-eye"></i> 889</small></li>
                <li><a href="">发现用户言行不一的小技巧之感性篇</a><small class="text-muted pull-right"><i class="fa fa-eye"></i> 889</small></li>
            </ul><small><a class="more" href="/?cat=8">更多</a></small>
        </div>
        <div class="col-md-3"> <h4 class="page-header"><i class="fa fa-code"></i> 前端开发</h4>
            <ul class="listbody">
                <li><a>指尖上的正则表达式–入门篇</a><small class="text-muted pull-right"><i class="fa fa-eye"></i> 889</small></li>
                <li><a href="">前端开发之面向对象</a><small class="text-muted pull-right"><i class="fa fa-eye"></i> 889</small></li>
                <li><a href="">使用 node.js 开发前端打包程序</a><small class="text-muted pull-right"><i class="fa fa-eye"></i> 889</small></li>
                <li><a href="">ebSocket实战</a><small class="text-muted pull-right"><i class="fa fa-eye"></i> 889</small></li>
                <li><a href="">卡通造型设计——从简笔画开始…</a><small class="text-muted pull-right"><i class="fa fa-eye"></i> 889</small></li>
                <li><a href="">全新面孔，全新体验 – SINA UTGame视觉改版设计工作</a><small class="text-muted pull-right"><i class="fa fa-eye"></i> 889</small></li>
                <li><a href="">发现用户言行不一的小技巧之感性篇</a><small class="text-muted pull-right"><i class="fa fa-eye"></i> 889</small></li>
            </ul><small><a class="more" href="/?cat=8">更多</a></small></div>
        <div class="col-md-3"> <h4 class="page-header"><i class="fa fa-picture-o"></i> 视觉设计</h4>
            <ul class="listbody">
                <li><a>指尖上的正则表达式–入门篇</a><small class="text-muted pull-right"><i class="fa fa-eye"></i> 889</small></li>
                <li><a href="">前端开发之面向对象</a><small class="text-muted pull-right"><i class="fa fa-eye"></i> 889</small></li>
                <li><a href="">使用 node.js 开发前端打包程序</a><small class="text-muted pull-right"><i class="fa fa-eye"></i> 889</small></li>
                <li><a href="">ebSocket实战</a><small class="text-muted pull-right"><i class="fa fa-eye"></i> 889</small></li>
                <li><a href="">卡通造型设计——从简笔画开始…</a><small class="text-muted pull-right"><i class="fa fa-eye"></i> 889</small></li>
                <li><a href="">全新面孔，全新体验 – SINA UTGame视觉改版设计工作</a><small class="text-muted pull-right"><i class="fa fa-eye"></i> 889</small></li>
                <li><a href="">发现用户言行不一的小技巧之感性篇</a><small class="text-muted pull-right"><i class="fa fa-eye"></i> 889</small></li>
            </ul><small><a class="more" href="/?cat=8">更多</a></small></div>
        <div class="col-md-3"><script src='http://git.oschina.net/arterli/cmswing/widget_preview'></script>
           </div>
    </div>


</div>
<% include ../Home/include/footer.html%>
<% include ../Home/include/copyright.html%>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="/resource/js/jquery.min.js"></script>
<script src="/resource/js/jquery.particleground.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="/resource/js/flat-ui.min.js"></script>
<script src="/resource/js/application.js"></script>
<script>
    $(document).ready(function() {
        $('#particles').particleground({
            dotColor: '#53DBC7',
            lineColor: '#29C7AF'
        });
    });
</script>
</body>
</html>